window.onload = function() {
    Vue.createApp({
        data() {
          return { 
            leftData: [
                {flag:false,name: '北京市',id:1},
                {flag:false,name:'上海市',id:2},
                {flag:false,name: '天津市',id:3},
                {flag:false,name: '重庆市',id:4},
                {flag:false,name: '河北省' ,id:5},
                {flag:false,name: '山西省' ,id:6},
                {flag:false,name: '辽宁省',id:7},
                {flag:false,name: '吉林省',id:8},
                {flag:false,name:'黑龙江省',id:9},
                {flag:false,name: '江苏省',id:10},
                {flag:false,name: '浙江省',id:11},
                {flag:false,name: '安徽省' ,id:12},
                {flag:false,name: '福建省',id:13},
                {flag:false,name: '江西省',id:14},
                {flag:false,name: '河南省',id:15},
                {flag:false,name: '湖北省',id:16},
                {flag:false,name: '湖南省',id:17},
                {flag:false,name:'广东省',id:18},
                {flag:false,name: '海南省',id:19},
                {flag:false,name: '四川省',id:20}
            ],

            rightData:[

            ],
            cur:'hide'
                
           }
        },
        computed:{
         
        },
        mounted(){
           
        },

        methods:{
           add(v) {
              if(v.flag) return
              v.flag = true;
              this.rightData.push(v)
           },
           delEvent(index){
              this.rightData = this.rightData.filter(item=>item.id!==index);
              this.leftData.map(item=>{
                  if(item.id === index){
                      item.flag = false
                  }
              })
           }
        }
      }).mount('#app')
      
 
}